<template>
  <div>



  <h2 style="">云东升货物管理系统</h2>


       <table style="margin-left: 10px;margin-top: 50px">
          <tr style="width: 100%">
              <td  class="workbench-part">

                 <div style="text-align: left">
                   <span class="span">总销售额: <span style="color: red;">{{sales}}</span></span><br/><br/>
                   <span class="span">周同比:<span>{{weekRate}}</span></span>
                   <span class="span">周同比:<span>{{weekRate}}</span></span><br/><br/>

                   <span>日均销售额:<span>{{sales}}</span></span><br/>
                 </div>

              </td>

              <td style="width: 25%;height: 80px;margin-left: 10px" class="workbench-part">
                <div style="text-align: left">
                  <span class="span">总销售额: <span style="color: red;">{{sales}}</span></span><br/><br/>
                  <span class="span">周同比:<span>{{weekRate}}</span></span>
                  <span class="span">周同比:<span>{{weekRate}}</span></span><br/><br/>

                  <span>日均销售额:<span>{{sales}}</span></span><br/>
                </div>
              </td>

              <td style="width: 25%;height: 80px;margin-left: 10px" class="workbench-part">
                <div style="text-align: left">
                  <span class="span">总销售额: <span style="color: red;">{{sales}}</span></span><br/><br/>
                  <span class="span">周同比:<span>{{weekRate}}</span></span>
                  <span class="span">周同比:<span>{{weekRate}}</span></span><br/><br/>

                  <span>日均销售额:<span>{{sales}}</span></span><br/>
                </div>
              </td>

              <td  style="width: 25%;height: 80px;margin-left: 10px" class="workbench-part">
                <div style="text-align: left">
                  <span class="span">总销售额: <span style="color: red;">{{sales}}</span></span><br/><br/>
                  <span class="span">周同比:<span>{{weekRate}}</span></span>
                  <span class="span">周同比:<span>{{weekRate}}</span></span><br/><br/>

                  <span>日均销售额:<span>{{sales}}</span></span><br/>
                </div>
              </td>


          </tr>
       </table>




  </div>
</template>

<script>
    export default {
        name: "HomePage",
      data() {
        return {
          sales:'1200',
          weekRate:'12%',
          value: new Date()
        }
      }
    }
</script>

<style scoped>
  .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
  }

  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
  .span{
    margin-top: 100px;
  }
  .workbench-part{
    width: 350px;
    border: 1px solid #DCDFE6;
    padding: 35px;
    border-radius: 5px;
  }
</style>
